'use client'

export {
  /**
   * @deprecated This component is no longer supported. Prefer using CSS Modules
   * instead.
   */
  Box,

  /**
   * @deprecated This component is no longer supported. Prefer using CSS Modules
   * instead.
   */
  type BoxProps,
} from './components/Box'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Details,
} from '@primer/react'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  ProgressBar,
} from '@primer/react'

// theming depends on styled-components
export {
  /**
   * @deprecated Theming in JavaScript is no longer supported. Prefer using
   * `@primer/primitives` and CSS Modules instead.
   */
  ThemeProvider,

  /**
   * @deprecated Theming in JavaScript is no longer supported. Prefer using
   * `@primer/primitives` and CSS Modules instead.
   */
  useTheme,

  /**
   * @deprecated Theming in JavaScript is no longer supported. Prefer using
   * `@primer/primitives` and CSS Modules instead.
   */
  useColorSchemeVar,

  /**
   * @deprecated Theming in JavaScript is no longer supported. Prefer using
   * `@primer/primitives` and CSS Modules instead.
   */
  type ThemeProviderProps,
} from './components/ThemeProvider'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  BaseStyles,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type BaseStylesProps,
} from './components/BaseStyles'

export {
  /**
   * @deprecated Theming in JavaScript is no longer supported. Prefer using
   * `@primer/primitives` and CSS Modules instead.
   */
  theme,
} from '@primer/react'

export {
  /**
   * @deprecated Theming in JavaScript is no longer supported. Prefer using
   * `@primer/primitives` and CSS Modules instead.
   */
  get as themeGet,
} from './theme-get'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  ActionList,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type ActionListProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type ActionListItemProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type ActionListLinkItemProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type ActionListGroupProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type ActionListDividerProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type ActionListLeadingVisualProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type ActionListTrailingVisualProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type ActionListTrailingActionProps,
} from './components/ActionList'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  ActionMenu,
} from './components/ActionMenu'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Autocomplete,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type AutocompleteOverlayProps,
} from './components/Autocomplete'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Avatar,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type AvatarProps,
} from './components/Avatar'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Breadcrumbs,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Breadcrumb,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type BreadcrumbsProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type BreadcrumbsItemProps,
} from './components/Breadcrumbs'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  ButtonComponent as Button,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type ButtonComponentProps as ButtonProps,
} from './components/Button'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Checkbox,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type CheckboxProps,
} from './components/Checkbox'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  CheckboxGroup,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type CheckboxGroupProps,
} from './components/CheckboxGroup'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  CircleBadge,
} from './components/CircleBadge'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  CounterLabel,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type CounterLabelProps,
} from './components/CounterLabel'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Dialog,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type DialogProps,
} from './components/Dialog'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Flash,
} from './components/Flash'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  FormControl,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type FormControlProps,
} from './components/FormControl'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Header,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type HeaderProps,
} from './components/Header'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Heading,
} from './components/Heading'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  IconButton,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type IconButtonProps,
} from './components/IconButton'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Label,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type LabelProps,
} from './components/Label'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Link,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type LinkProps,
} from './components/Link'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  LinkButton,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type LinkButtonProps,
} from './components/LinkButton'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  NavList,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type NavListProps,
} from './components/NavList'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Overlay,
} from './components/Overlay'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  PageHeader,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type PageHeaderProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type PageHeaderActionsProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type PageHeaderTitleProps,
} from './components/PageHeader'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  RadioGroup,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type RadioGroupProps,
} from './components/RadioGroup'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  RelativeTime,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type RelativeTimeProps,
} from './components/RelativeTime'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  SegmentedControl,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type SegmentedControlProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type SegmentedControlButtonProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type SegmentedControlIconButtonProps,
} from './components/SegmentedControl'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Select,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type SelectProps,
} from './components/Select'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Spinner,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type SpinnerProps,
} from './components/Spinner'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  StateLabel,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type StateLabelProps,
} from './components/StateLabel'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  SubNav,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type SubNavProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type SubNavLinkProps,
} from './components/SubNav'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Text,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TextProps,
} from './components/Text'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Textarea,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TextareaProps,
} from './components/Textarea'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  TextInput,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TextInputProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TextInputActionProps,
} from './components/TextInput'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Timeline,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TimelineProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TimelineItemProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TimelineBadgeProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TimelineBodyProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TimelineBreakProps,
} from './components/Timeline'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  ToggleSwitch,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type ToggleSwitchProps,
} from './components/ToggleSwitch'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Tooltip,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TooltipProps,
} from './components/Tooltip'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Token,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TokenProps,
} from './components/Token'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  Truncate,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type TruncateProps,
} from './components/Truncate'

export {
  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  UnderlineNav,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type UnderlineNavProps,

  /**
   * @deprecated Usage of the `sx` prop with this component is no longer
   * supported. Use the component from `@primer/react` with CSS Modules instead.
   */
  type UnderlineNavItemProps,
} from './components/UnderlineNav'

export {
  /**
   * @deprecated Theming in JavaScript is no longer supported. Prefer using
   * `@primer/primitives` and CSS Modules instead.
   */
  merge,

  /**
   * @deprecated Styling with the `sx` prop is no longer supported. Use CSS
   * Modules instead
   */
  sx,

  /**
   * @deprecated Styling with the `sx` prop is no longer supported. Use CSS
   * Modules instead
   */
  type SxProp,
} from './sx'

export {
  /**
   * @deprecated Styling with the `sx` prop is no longer supported. Use CSS
   * Modules instead
   */
  type BetterSystemStyleObject,
} from './sx'
